<template>
    <!-- banner   START -->
    <div class="container-fluild">
        <div class="row long-row">
            <span class="title">发展历程</span>
            <img src="./images/slide-history.png" alt="history" />
        </div>
    </div>
    <!-- banner   END -->

    <!-- 发展历程文本区域  START -->
    <div class="container long-container">
        <div class="row">
            <div class="col-lg-12">
                <ul>
                    <li>
                        <h3>2009年 —— 昨非成立</h3>
                        <p>生物实验/检测相关产品销售；</p>
                        <p>国内外知名设备、试剂、耗材代理，销售。</p>
                    </li>
                    <li>
                        <h3>2020年 —— 昨非转型</h3>
                        <p>转做国产品牌设备、试剂、耗材代理，销售；</p>
                        <p>组建研发和生产团队,开启集研发、生产、销售和服务的综合性企业的征程。</p>
                    </li>
                    <li>
                        <h3>2022年 —— 昨非发展</h3>
                        <p>研发/生产团队扩增到16人,其中有日本2项个人专利，十数年日本汽车制造/技术经验的管理人员，先后获得29项专利的高级机械设计工程师，取得过
                            8项专利的软件工程师，生物实验行业翘楚（Tecan，Hamilton等）;</p>
                    </li>
                    <li>
                        <h3>FUTURE —— 昨非未来</h3>
                        <p>自主肩负国产仪器发扬使命，为国产仪器的发展增光添彩，为祖国的科学事业添砖加瓦。</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 发展历程文本区域  END -->
</template>
<script>
    export default {
        name: "History"
    }
</script>
<style lang="css" scoped>
    /* banner  START */
    .long-row {
        position: relative;
        overflow: hidden;
    }

    .long-row .title {
        position: absolute;
        z-index: 9;
        top: 50%;
        margin-top: -26px;
        left: 50%;
        margin-left: -80px;
        font-size: 40px;
        font-family: "Source Han Sans CN";
        font-weight: 300;
        color: #333;
        user-select: none;
    }

    .long-row img {
        width: 100%;
        transition: transform 2s linear;
    }

    .long-row:hover img {
        transform: scale(1.12);
    }

    /* banner  END */

    /* 发展历程文本区域  START */
    .long-container {
        margin-top: 80px;
        margin-bottom: 50px;
    }

    .long-container li {
        font-family: "Source Han Sans CN";
        text-align: center;
        border-bottom: 1px solid #ddd;
        padding: 0px 20px 30px;
        margin-bottom: 50px;
    }

    .long-container li h3 {
        font-size: 20px;
        font-weight: 400px;
        color: #4F68AC;
        margin-bottom: 15px;
    }

    .long-container li p {
        font-size: 15px;
        color: #999;
        line-height: 24px;
    }

    /* 发展历程文本区域  END */
</style>